<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>

<div id="logo-group">

	<!-- PLACE YOUR LOGO HERE -->
	<span id="logo"> <img src="img/megacable.png" alt="Megacable"> </span>
	<!-- END LOGO PLACEHOLDER -->

</div>


<!-- #TOGGLE LAYOUT BUTTONS -->
<!-- pulled right: nav area -->
<div class="pull-right">
	
	<!-- #MOBILE -->
	<!-- Top menu profile link : this shows only when top menu is active -->
	<ul id="mobile-profile-img" class="header-dropdown-list hidden-xs padding-5">
		<li class="">
			<a href="#" class="dropdown-toggle no-margin userdropdown" data-toggle="dropdown"> 
				<img src="img/avatars/sunny.png" alt="${sessionScope.USER_VIEW.nombre}" class="online" />  
			</a>
			<ul class="dropdown-menu pull-right">
				<li>
					<a href="javascript:void(0);" class="padding-10 padding-top-0 padding-bottom-0"><i class="fa fa-cog"></i> Setting</a>
				</li>
				<li class="divider"></li>
				<li>
					<a href="#ajax/profile.html" class="padding-10 padding-top-0 padding-bottom-0"> <i class="fa fa-user"></i> Profile</a>
				</li>
				<li class="divider"></li>
				<li>
					<a href="javascript:void(0);" class="padding-10 padding-top-0 padding-bottom-0" data-action="toggleShortcut"><i class="fa fa-arrow-down"></i> Shortcut</a>
				</li>
				<li class="divider"></li>
				<li>
					<a href="javascript:void(0);" class="padding-10 padding-top-0 padding-bottom-0" data-action="launchFullscreen"><i class="fa fa-arrows-alt"></i> Full Screen</a>
				</li>
				<li class="divider"></li>
				<li>
					<a href="logout.html" class="padding-10 padding-top-5 padding-bottom-5" data-action="userLogout"><i class="fa fa-sign-out fa-lg"></i> <strong>Logout</strong></a>
				</li>
			</ul>
		</li>
	</ul>

	<!-- logout button -->
	<div id="logout" class="btn-header transparent pull-right">
		<span> <a href="logout.html" title="Sign Out" data-action="userLogout" data-logout-msg="You can improve your security further after logging out by closing this opened browser"><i class="fa fa-sign-out"></i></a> </span>
	</div>
	<!-- end logout button -->


	<!-- fullscreen button -->
	<div id="fullscreen" class="btn-header transparent pull-right">
		<span> <a href="javascript:void(0);" data-action="launchFullscreen" title="Full Screen"><i class="fa fa-arrows-alt"></i></a> </span>
	</div>
	<!-- end fullscreen button -->

</div>
<!-- end pulled right: nav area -->